<template>
    <h1>ifDemo</h1>
    <!-- v-if 有更高的切换开销，而 v-show 有更高的初始渲染开销 -->
    <!-- 应用场景:数据需要频繁更换条件时使用v-show,数据更改不频繁时使用v-if -->

    <!-- <h1 v-if="msg==1">这是1</h1>
    <h1 v-else-if="msg==2">这是2</h1>
    <h1 v-else>这是不满足时</h1> -->

    <p>当前为：{{ num }}
        <input type="button" @click="AddCount" value="累加" >
        
    </p>


</template>

<script setup lang="ts">
import {ref} from 'vue';

const num = ref(20);

function AddCount (){
    num.value++;
    console.log(num);
    console.log(num.value);
}



//const msg = 1;

</script>